<template>
	<h2>拼图详情</h2>
	<div id="oneGrid" class="login-container" :style="{ boxShadow: `var(--el-box-shadow-light)` }">
		<!-- src="https://empty" -->
		<el-avatar :size="120" @error="errorHandler">
			<img :src="entity.imageUrl" />
		</el-avatar>
		<h3>标题: <span>{{entity.title}}</span></h3>
		<h3>完成进度: <span>{{entity.quantityCompleted}}/{{entity.totalQuantity}}</span></h3>
		<h3>奖品: <span>{{entity.prizeName}}</span></h3>
		<el-button disable :key="isAble">领奖</el-button>
	</div>
</template>

<script >
	import localStorage from '/src/utils/localstorage.js'

	export default {
		name: "JigsawPuzzleDetails",
		data() {
			return {
				isAble:false,
				entity: {},
				array: [],
			}
		},
		mounted() { //挂载之后执行的方法
			this.getBlindBoxDetails();
		},
		methods: {
			//查询拼图详情
			getBlindBoxDetails() {
				this.entity.id = localStorage.get('jigsawPuzzleId')
				// localStorage.get('jid')
				// console.log("this.entity.id=" + this.entity.id)
				this.$axios.get('/api/jigsaw/puzzle/getJigsawPuzzleInfo', {
						params: {
							id: this.entity.id
						}
					})
					.then(data => {
						this.entity = data.entity;

					})
			},




		}
	}
</script>

<style scoped>
	
</style>
